<template>
	<el-container>
		<el-header class="header-tabs">
			<el-tabs type="card" v-model="groupId" @tab-change="tabChange">
				<el-tab-pane label="督查汇总(部门)" name="dept"  tabActiveName="dept"></el-tab-pane>
				<el-tab-pane label="督查汇总(类型)" name="type"></el-tab-pane>
				<el-tab-pane label="督查汇总(图形)" name="echarts"></el-tab-pane>
			</el-tabs>
		</el-header>
		<component :is="isComponent"/>
	</el-container>
</template>

<script>
import dept from './dept'
import type from './type'
import echarts from './echarts'
export default {
	name: 'Analysis Total Manage',
	components: {
		dept,
		type,
		echarts
	},
	data() {
		return {
			groupId:"dept",
			isComponent:"dept"
		}
	},
	methods: {
		tabChange(name){
			this.isComponent = name;
		},
	}
}
</script>

<style>
</style>
